@charset "utf-8";
@import "init";
@import "common";


.container-fluid{
	
	.new_box{
		padding:40px 0 40px;
		margin-top: 50px;
		h2{
			font-size: 30px;
			color: #ff6b08;
			margin-bottom: 40px;
		}
		.sport{
			overflow: hidden;
			.img_box{
				width: 302px;
				height: 180px;
				overflow: hidden;
				position: relative;
				img{
					width:100%;
				}
			}
			&:hover .mask{
				margin-bottom: 0px;
			}
			
			.mask{
				width: 302px;
				height: 40px;
				background-color: rgba(0,0,0,.7);
				position: absolute;
				bottom:0px;
				left:15px;
				border-radius: 0 0 5px 5px;
				text-align: center;
				margin-bottom: -50px;
				transition: 0.3s;
				
				p{
					color: white;
					line-height: 40px;
				}
			}
		}
		
		
	}

	.contact{
		padding:40px 0 40px;
		// margin-bottom: 50px;
		.img_box{
			width: 222px;
			height: 136px;
			overflow: hidden;
			border-radius:5px;
			border:1px solid #F4F4F4;
			padding:10px 10px;
			
			img{
				width: 100%;
			}
		}
		h2{
			margin: 0 0 17px;
			font-size: 18px;
			color: #ff6900;
		}
		span{
			font-size: 14px;
			color: #2a2a2a;
		}
		p{
			margin-top: 12px;
			font-size: 14px;
			color: #2a2a2a;
			line-height: 24px;
		}
		.link{
			text-align: right;
			a{
				width: 100px;
				height: 32px;
				display: inline-block;
				background-color:#ff6900 ;
				font-size: 14px;
				color: white;
				text-align: center;
				line-height: 32px;
				border-radius:30px;
				text-decoration: none;
			}
		}
		
	}
	
	.active{
		.contact {
			.line{
				padding-bottom: 50px;
				border-bottom: 1px dashed #d4d4d4;
			}
			
		} 
	}

	.page{
		text-align: center;
		.pagination{
			& li:hover a{
				background-color: #e34637;
				border-color: #e34637;
				color: white;
			}
			.active{
				a{
					background-color: #e34637;
					border-color: #e34637;
				}
				
			}
		}
	}


}
@media only screen and (min-width:768px) and (max-width:991px){
	.container-fluid{
		.navbar-default .navbar-nav:first-of-type li a{
				padding:15px 4px;
		}
		.new_box .sport{
			display: inline-block;
		}
		.new_box .sport .mask{
			margin: 0;
		}
		.contact h2{
			margin-top: 20px;
		}
	}

}

@media only screen and (min-width:320px) and (max-width:767px){
	
	.container-fluid{
		.new_box .sport .mask{
			margin: 0;
		}
		.new_box .sport{
			margin-top: 10px;
		}
		.contact h2{
			margin-top: 20px;
		}
	}
}